<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <p id="myDiv">我是假的div</p>
    <div id="myDiv">我是div</div>
    <script>
      // 编写 JavaScript 代码，使用 getElementById方法获取一个 id为 "myDiv" 的元素，
      // 并判断其是否为 <div>元素，如果是则在控制台输出 "是 div 元素"，否则输出 "不是 div 元素"。
      // 1.
      var a = document.getElementById("myDiv");
      //   tagName 属性是 HTML 元素的一个属性，它表示元素的标签名
      // 但是是大写的字符串，所以使用toLowerCase（）方法转换成小写
      if (a && a.tagName.toLowerCase() === "div") {
        console.log("是div元素");
      } else {
        console.log("不是div元素");
      }

      //   2.
      // 使用 document.querySelector 与属性选择器：
      //   var element = document.querySelector("div[id='myDiv']");
      //   if (element) {
      //     console.log("是 div 元素");
      //   } else {
      //     console.log("不是 div 元素");
      //   }
    </script>
  </body>
</html>
